<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>蜜芽</title>
		<link rel="stylesheet" href="style/index.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/require.js" data-main ="js/indexreq.js" charset="UTF-8"></script>
	</head>
	<body>
		<!--  头部  -->
		<div id="top">
			<div class="margin">
				<div class="left">
					<a href="javascript:;"><i class="mia-icon icon-mobile"></i>手机蜜芽</a>
				</div>
				<div class="right">
					<span>你好，欢迎来到蜜芽！</span>
					<a href="login.html">登录</a><em>|</em>
					<a href="register.html">免费注册</a>
					<a href="javascript:;">帮助中心</a>
				</div>
			</div>
		</div>
		
		<!--  logo、搜索栏  -->
		<div id="header">
			<div class="margin clear">
				<a href="javascript:;" class="log"><img src="images/t1.png" /></a>
				<div class="header-r">
					<div class="search">
						<div class="search-t">
							<input type="text" class="st" value="尤妮佳"/>
							<input type="button" class="sb" value="搜索"/>
							<div class="sear">
								<!--<a href="#">1111</a>
								<a href="#">1111</a>
								<a href="#">1111</a>
								<a href="#">1111</a>-->
							</div>
						</div>
						<p class="search-b">
							<a href="javascript:;" class="t">牙胶</a>
							<a href="javascript:;" class="t">收纳柜</a>
							<a href="javascript:;">隔尿垫</a>
							<a href="javascript:;">加州宝宝</a>
							<a href="javascript:;">安全座椅</a>
						</p>
					</div>
					<div class="cart">
						<a href="cart.html" class="item">
							<span class="mia-icon icon-cart"><b></b></span>
							购物车
						</a>
						<div class="more"></div>
					</div>
				</div>
			</div>
		</div>
		
		<!--**********************************搜索框****************************************-->
		<script type="text/javascript">
			function miya(obj){
				var arr=obj.result;
				var oSear=document.getElementsByClassName('sear')[0];
				var html='';
				if(oInput.value!=''){
					for(var i=0;i<9;i++){   //点击跳转
						html+='<a target="_blank" href="https://s.taobao.com/search?ie=utf8&initiative_id=staobaoz_20170825&stats_click=search_radio_all%3A1&js=1&imgfile=&q='+arr[i][0]+'&suggest=0_2&_input_charset=utf-8&wq=aaa&suggest_query=aaa&source=suggest">'+arr[i][0]+'</a>';
					}
					oSear.innerHTML=html;
				}else{
					oSear.innerHTML='';
				}
			}
			var oInput=document.getElementsByClassName('st')[0];
			oInput.oninput=function(){
				var cscript=document.createElement('script');
				cscript.src="https://suggest.taobao.com/sug?&q="+oInput.value+"&callback=miya";
				document.body.appendChild(cscript);
			}
			
		</script>
		
		<!--  导航  -->
		<div id="nav">
			<div class="margin">
				<ul class="navs">
					<li class="active"><a href="javascript:;">首页</a></li>
					<li><a href="javascript:;">纸尿裤</a></li>
					<li><a href="javascript:;">奶粉</a></li>
					<li class="guarantee">
						<a href="javascript:;">正品保证
							<i class="mia-icon icon-angle-down"></i>
						</a>
						<div class="lists">
							<a href="javascript:;"><span>正品保证</span></a>
							<a href="javascript:;"><span>退货政策</span></a>
							<a href="javascript:;"><span>帮助中心</span></a>
						</div>
					</li>
					<li><a href="javascript:;">早教音乐</a></li>
				</ul>
				
				<div class="menus">
					<div class="title">
						<h3>全部商品分类</h3>
					</div>
					<div class="dlist">
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">奶粉/纸尿裤</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">辅食/喂养/洗护</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">孕妈用品</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">童装/童鞋/寝居</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">玩具/书籍/出行</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">美妆/个护/轻奢</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">美食/保健</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
						
						<dl>
							<dt>
								<div class="inner">
									<strong><a href="javascript:;">家具/清洁</a></strong>
									<p>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<a href="javascript:;">婴儿奶粉</a>
										<i class="mia-icon icon-right-open-big"></i>
									</p>
								</div>
							</dt>
							<dd>
								
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--  banner  -->
		<div id="banner">
			<ul class="slide">
				<li class="cell" style="opacity: 1;">
					<a href="javascript:;"><img src="https://img01.miyabaobei.com/d1/p5/2017/09/07/0a/62/0a6207c80cffa39a6b4d9e46e516befc829038739.jpg" /></a>
				</li>
				<li class="cell">
					<a href="javascript:;"><img src="https://img01.miyabaobei.com/d1/p5/2017/09/06/30/4e/304e4598d43c6f9342de712a9317c0f4669124185.jpg" /></a>
				</li>
				<li class="cell">
					<a href="javascript:;"><img src="https://img02.miyabaobei.com/d1/p5/2017/09/08/6c/fb/6cfbb7a90910c6307da676e9d6b455a9691425791.jpg" /></a>
				</li>
				<li class="cell">
					<a href="javascript:;"><img src="https://img03.miyabaobei.com/d1/p5/2017/09/08/8a/99/8a99756e85e899d6aae574d1b87c2e88657976405.jpg" /></a>
				</li>
			</ul>
			<div class="sbtn">
				<span>
					<i class="cur"></i>
					<i></i>
					<i></i>
					<i></i>
				</span>
			</div>
		</div>
		<!--***************************************************************************************-->
		<!--  轮播图  -->
		<script type="text/javascript">
			/*var $oLi=$('#banner .slide li');
			var $oI=$('#banner .sbtn i');
			var $index=0;  //图片索引
			var timer=null;
			var bstop=true;
//			$oI.on('mouseover',function(){
//				$(this).addClass('cur').siblings('i').removeClass('cur');
////				$oLi.eq($(this).index()).css('opacity','1').siblings('li').css('opacity','0');
//				$oLi.eq($(this).index()).animate({opacity:1},500).siblings().animate({opacity:0},500);
//			});
			$oI.on('mouseover',function(){
				$(this).addClass('cur').addClass('ac').siblings('i').removeClass('cur').removeClass('ac');
				$oLi.eq($(this).index()).animate({opacity:1},800).siblings().animate({opacity:0},800);
				var $i=$(this).index();  //获取哪个按钮被点击，就是哪个按钮的索引值
				$index=$i;
			});
			timer=setInterval(function(){
				if($oI.attr('class')=='ac'){
					clearInterval(timer);
				}else{
					$index++;
					if($index>$oI.length-1){  //当到达最后一张图时，让索引赋值给第一张图的索引
						$index=0;
					}
					$oI.eq($index).trigger('mouseover');
				}
			},4000);*/
		</script>
		
		<!--  热卖品牌，新人专享  -->
		<div id="pic" class="margin">
			<div class="pic-t">
				<h3>热卖品牌</h3>
				<div class="brands">
					<a href="javascript:;"><img src="https://img02.miyabaobei.com/d1/p3/brand/3410_brand_logo_img1459844591.jpg" /></a>
					<a href="javascript:;"><img src="https://img02.miyabaobei.com/d1/p3/brand/672_brand_logo_img1461148997.jpg" /></a>
					<a href="javascript:;"><img src="https://img03.miyabaobei.com/d1/p3/brand/25_brand_logo_img1461150886.jpg" /></a>
					<a href="javascript:;"><img src="https://img04.miyabaobei.com/d1/p3/brand/854_brand_logo_img1461148617.jpg" /></a>
					<a href="javascript:;"><img src="https://img01.miyabaobei.com/d1/p3/brand/103_brand_logo_img1460107254.jpg" /></a>
					<a href="javascript:;"><img src="https://img02.miyabaobei.com/d1/p3/brand/576_brand_logo_img1460441450.jpg" /></a>
				</div>
			</div>
			<div class="pic-b">
				<a href="javascript:;">
					<!--<img src="https://img.miyabaobei.com/d1/p5/2017/06/21/8e/e8/8ee8aa3d58ed8692ed67d1bf61274629345153227.jpg" />-->
				</a>
			</div>
		</div>
		<!--  懒加载 ,只能放此处 -->
		<script type="text/javascript">
			var bstop=true;  //请求一次
			$(window).on('load',function(){
				if(bstop){
					$.ajax({
						url:'img.json',
						dataType:'json',
						beforeSend:function(){  //懒加载,请求之前干的事情
							$('.pic-b a').html('<img src="images/loading.gif" class="loading" >');
						}
					}).done(function(data){
						$('.pic-b a').find('.loading').hide();
						$('.pic-b a').html('<img src="'+data.pic[0]+'" >');
						bstop=false;  //关闭懒加载，防止一直出现
					})
				}
			});
		</script>
		
		
		
		<!--  为你推荐  -->
		<div id="recommend" class="margin loutis">
			<h3 class="rec">为你推荐<span>千万妈妈 精明之选</span></h3>
			<div class="layout">
				<a href="details.html" title="轻柔抱抱，如影随形贴合小PP" class="group" target="_blank">
					<div class="lay-t">
						<!--<img width="219" height="219" src="https://img05.miyabaobei.com/d1/p5/2017/04/28/c7/50/c75064211acbf0e19214f5c7935af2fb735153254.jpg@base@tag=imgScale&amp;w=447" alt="轻柔抱抱，如影随形贴合小PP"/>-->
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
				<a href="javascript:;" title="轻柔抱抱，如影随形贴合小PP" class="group">
					<div class="lay-t">
						<img src="" class="oimg" alt="轻柔抱抱，如影随形贴合小PP" />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<p class="desc">轻柔抱抱，如影随形贴合小PP</p>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<p class="buy">8912人已团</p>
						<span class="btn">去拼团</span>
					</div>
				</a>
			</div>
		</div>
		
		<!--  数据库导入数据  -->
		<script type="text/javascript">
			/*var $img=$('#recommend .lay-t img');
			var $tit=$('#recommend .lay-b .tit');
			var $new=$('#recommend .lay-b .new em');
			var $old=$('#recommend .lay-b .old em');
			var $group=$('#recommend .group');
			$.ajax({
				url:'php/mysql.php',
				dataType:'json'
			}).done(function(data){
				for(var i=0;i<$img.length;i++){
					$img[i].src=data[i].url;
					$tit[i].innerHTML=data[i].title;
					$new[i].innerHTML=data[i].price;
					$old[i].innerHTML=data[i].oldprice;
				}
			});*/
			
			
			//***************************错误代码(懒加载)**************************
			/*var $group=$('#recommend .group');
			$(function(){
				var $img=$('#recommend .lay-t img');
				var $tit=$('#recommend .lay-b .tit');
				var $new=$('#recommend .lay-b .new em');
				
				var bstop=true;//请求一次
				$(window).on('scroll load',function(){
					var $scrolltop=$(window).scrollTop();  //滚轮的距离
					var $clientH=$(window).height();  //可视区的高
					$offset=$('.layout').offset().top;  //盒子top值
					if($offset<=$scrolltop+$clientH){
						if(bstop){
							$.ajax({
								url:'php/mysql.php',
								dataType:'json',
								beforeSend:function(){//懒加载,请求之前干的事情
									$('.group .lay-t').html('<img src="images/loading.gif" class="loading oimg">');
								}
							}).done(function(data){
								$('.lay-t').find('.loading').hide();
								var pic='';
								for(var i=0;i<$img.length;i++){
									
//									$img[i].attr('src',data[i].url);
//									$('.group .lay-t').get(i).innerHTML+='<img src="'+data[i].url+'" class="oimg">';
//									$('.group .lay-t').html('<img src="'+data[i].url+'" class="oimg">');
									pic+='<img src="'+data[i].url+'" class="oimg">';
									
									
									$img[i].src=data[i].url;
									$tit[i].innerHTML=data[i].title;
									$new[i].innerHTML=data[i].price;
									$old[i].innerHTML=data[i].oldprice;
								}
								bstop=false;
								$('.layout-t').innerHTML+=pic;
							});
						}
					}
				});
			});*/
			
			//鼠标经过
			/*for(var i=0;i<$img.length;i++){
				$img[i].hover(function(){
					$(this).css('opacity','.5');
				},function(){
					$img[i].css('opacity','1'); 
				});
			}*/
			/*$group.on('mouseenter',function(){  //鼠标进过改变透明度
				$(this).animate({opacity:.8},50);
//				$group.eq($(this).index()).animate({opacity:.8},50);
			});
			$group.on('mouseleave',function(){
				$(this).animate({opacity:1},50);
			})*/
		</script>
		
		<!--  今日特卖  -->
		<div id="spe" class="margin loutis">
			<h3 class="rec">今日特卖<span>每天10点上新</span></h3>
			<div class="layout">
				<!--<div class="block">
					<a href="javascript:;" class="bigpic">
						<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/2017/09/04/62/d9/62d95c7bfb7a502364adbb50e20579ea176795754.jpg" data-src="https://img04.miyabaobei.com/d1/p5/2017/09/04/62/d9/62d95c7bfb7a502364adbb50e20579ea176795754.jpg" width="750" height="350" alt="阿迪达斯限时特惠">
					</a>
					<div class="rank">
						<a href="javascript:;">
							<div class="l">
								<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" data-src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" />
								<i class="r1"></i>
							</div>
							<div class="r">
								<p class="tit">暇步士 Hush Puppies 2017年春秋新款幼儿真皮皮鞋男女童学生鞋1-3岁DP9047</p>
								<div class="price">
									<span class="new">￥<em>159.00</em></span>
									<span class="old">￥<em>447.50</em></span>
								</div>
							</div>
						</a>
						<a href="javascript:;">
							<div class="l">
								<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" data-src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" />
								<i class="r2"></i>
							</div>
							<div class="r">
								<p class="tit">暇步士 Hush Puppies 2017年春秋新款幼儿真皮皮鞋男女童学生鞋1-3岁DP9047</p>
								<div class="price">
									<span class="new">￥<em>159.00</em></span>
									<span class="old">￥<em>447.50</em></span>
								</div>
							</div>
						</a>
						<a href="javascript:;">
							<div class="l">
								<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" data-src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" />
								<i class="r3"></i>
							</div>
							<div class="r">
								<p class="tit">暇步士 Hush Puppies 2017年春秋新款幼儿真皮皮鞋男女童学生鞋1-3岁DP9047</p>
								<div class="price">
									<span class="new">￥<em>159.00</em></span>
									<span class="old">￥<em>447.50</em></span>
								</div>
							</div>
						</a>
					</div>
				</div>-->
				
			</div>
		</div>
		<!--  今日特卖拼接   -->
		<script type="text/javascript">
		 	/*var $layout=$('#spe .layout');
//		 	var layout=document.getElementById('spe').getElementsByClassName('layout')[0];
		 	var box='';
		 	for(var i=0;i<20;i++){
		 		box+='<div class="block">'
		 			+'<a href="javascript:;" class="bigpic">'
						+'<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/2017/09/04/62/d9/62d95c7bfb7a502364adbb50e20579ea176795754.jpg" data-src="https://img04.miyabaobei.com/d1/p5/2017/09/04/62/d9/62d95c7bfb7a502364adbb50e20579ea176795754.jpg" width="750" height="350" alt="阿迪达斯限时特惠">'
					+'</a>'
					+'<div class="rank">';
						for(var j=0;j<3;j++){
							box+='<a href="javascript:;">'
							+'<div class="l">'
								+'<img class="lazyload" src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" data-src="https://img04.miyabaobei.com/d1/p5/item/0/0/17421110445158_2.jpg" />'
								+'<i class="r1"></i>'
							+'</div>'
							+'<div class="r">'
								+'<p class="tit">'+'暇步士 Hush Puppies 2017年春秋新款幼儿真皮皮鞋男女童学生鞋1-3岁DP9047'+'</p>'
								+'<div class="price">'
									+'<span class="new">'+'￥'+'<em>'+'159.00'+'</em></span>'
									+'<span class="old">'+'￥'+'<em>'+'447.50'+'</em></span>'
								+'</div>'
							+'</div>'
						+'</a>';
						}
					box+='</div>';	
		 		box+='</div>';
		 	}
		 	$layout.html(box);*/
		</script>
		 
		<!--  大牌尖货  -->
		<div id="big" class="margin loutis">
			<h3 class="rec">大牌尖货<span>全世界的品牌 优惠特卖</span></h3>
			<div class="bags">
			
				<!--<div class="title">
					<div class="tit1">
						<a href="javascript:;">
							<span class="img"><img src="https://img03.miyabaobei.com/d1/p3/brand/94_brand_logo_img1464342140.jpg" /></span>
							尤妮佳 moony
						</a>
					</div>
					<a href="javascript:;" class="tit2">正在参加拼团活动></a>
				</div>
				<div class="block">
					<div class="items">
						<a href="javascript:;">
							<div class="aimg">
								<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">
								<span class="free">立减</span>
							</div>
							<div class="adesc">
								<p class="tit">全球购 自营 | 纸尿裤L54片*4包 （9-14kg）</p>
								<div class="price">
									<span class="new">￥<em>309</em></span>
									<span class="old">￥<em>752</em></span>
								</div>
							</div>
						</a>
					</div>
					<div class="items">
						<a href="javascript:;">
							<div class="aimg">
								<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">
								<span class="free">立减</span>
							</div>
							<div class="adesc">
								<p class="tit">全球购 自营 | 纸尿裤L54片*4包 （9-14kg）</p>
								<div class="price">
									<span class="new">￥<em>309</em></span>
									<span class="old">￥<em>752</em></span>
								</div>
							</div>
						</a>
					</div>
					<div class="items">
						<a href="javascript:;">
							<div class="aimg">
								<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">
								<span class="free">立减</span>
							</div>
							<div class="adesc">
								<p class="tit">全球购 自营 | 纸尿裤L54片*4包 （9-14kg）</p>
								<div class="price">
									<span class="new">￥<em>309</em></span>
									<span class="old">￥<em>752</em></span>
								</div>
							</div>
						</a>
					</div>
					<div class="items">
						<a href="javascript:;">
							<div class="aimg">
								<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">
								<span class="free">立减</span>
							</div>
							<div class="adesc">
								<p class="tit">全球购 自营 | 纸尿裤L54片*4包 （9-14kg）</p>
								<div class="price">
									<span class="new">￥<em>309</em></span>
									<span class="old">￥<em>752</em></span>
								</div>
							</div>
						</a>
					</div>
					<div class="items">
						<a href="javascript:;">
							<div class="aimg">
								<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">
								<span class="free">立减</span>
							</div>
							<div class="adesc">
								<p class="tit">全球购 自营 | 纸尿裤L54片*4包 （9-14kg）</p>
								<div class="price">
									<span class="new">￥<em>309</em></span>
									<span class="old">￥<em>752</em></span>
								</div>
							</div>
						</a>
					</div>
				</div>-->
			
			</div>
		</div>
		<script type="text/javascript">
			/*var $bags=$('#big .bags');
		 	var box='';
		 	for(var i=0;i<10;i++){
		 		box+='<div class="layout"><div class="title">'
					+'<div class="tit1">'
						+'<a href="javascript:;">'
							+'<span class="img"><img src="https://img03.miyabaobei.com/d1/p3/brand/94_brand_logo_img1464342140.jpg" /></span>'
							+'尤妮佳 moony'+'</a></div>'
					+'<a href="javascript:;" class="tit2">正在参加拼团活动></a>'
				+'</div>'
				+'<div class="block">';
					for(var j=0;j<5;j++){
						box+='<div class="items">'
							+'<a href="javascript:;">'
								+'<div class="aimg">'
									+'<img class="lazyload" src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447" data-src="https://img05.miyabaobei.com/d1/p5/item/10/1047/1047865_topic_1.jpg@base@tag=imgScale&amp;w=447">'
									+'<span class="free">'+'立减'+'</span>'
								+'</div>'
								+'<div class="adesc">'
									+'<p class="tit">'+'全球购 自营 | 纸尿裤L54片*4包 （9-14kg）'+'</p>'
									+'<div class="price">'
										+'<span class="new">'+'￥'+'<em>'+'309'+'</em></span>'
										+'<span class="old">'+'￥'+'<em>'+'752'+'</em></span>'
									+'</div>'
								+'</div>'
							+'</a>'
						+'</div>';
					}
				box+='</div></div>';
		 	}
		 	$bags.html(box);*/
		</script>
		<script type="text/javascript">
			/*$.ajax({
				url:'php/mysql.php',
				dataType:'json'
			}).done(function(data){
				var $img=$('#big .items img');
				var $tit=$('#big .adesc .tit');
				var $new=$('#big .adesc .new em');
				var $old=$('#big .adesc .old em');
				for(var i=0;i<$img.length;i++){
					$img[i].src=data[i].url;
					$tit[i].innerHTML=data[i].title;
					$new[i].innerHTML=data[i].price;
					$old[i].innerHTML=data[i].oldprice;
				}
			});*/
		</script>
		
		<!--  底部  -->
		<div id="footer">
			<div class="one margin">
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>无忧</b>
					正品保证
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>7天</b>
					无理由退货
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>恒温仓</b>
					完善的货物仓储
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>24小时</b>
					快速发货
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>100万</b>
					妈妈口碑信赖
				</a>
			</div>
			<div class="two margin">
				<div class="two-l">
					<ul>
						<li class="strong">使用帮助</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">支付方式</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">配送方式</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">售后服务</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul class="contact">
						<li class="strong">联系方式</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
					</ul>
				</div>
				<div class="two-r">
					<p>关注蜜芽</p>
					<div class="box">
						<img src="images/t4.png" class="box-l" />
						<div class="box-r">
							<a href="javascript:;">
								<img src="images/t5.gif" />
							</a>
							<a href="javascript:;">
								<img src="images/t6.gif" />
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="three margin">
				<p class="p1">
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">加入蜜芽</a>|
					<a href="javascript:;">商务合作</a>|
					<a href="javascript:;">帮助中心</a>|
					<a href="javascript:;">联系我们</a>|
					<a href="javascript:;">友情链接</a>|
					<a href="javascript:;">触屏版</a>|
					<a href="javascript:;">媒体报道</a>
				</p>
				<p class="p2">
					 京公网安备：11010502027270 | 营业执照：91110105582599307U | 食品经营许可证：SP1101051410296669 | 出版物经营许可证：新出发京零字第朝160088号 | 京ICP证140430号 <br /> 京ICP备14006215号 | 员工舞弊举报：jiancha@mia.com 电话：010-56733467<br /> 通过本网站直接或者间接地推销商品或者服务的商业宣传活动均属“广告” <br />Copyright © 2017 北京花旺在线商贸有限公司 Mia.com 保留一切权利。
				</p>
				<p class="p3">
					<a href="javascript:;"><img src="images/t7.png" width="100px"/></a>
					<a href="javascript:;"><img src="images/t8.png" width="114px" /></a>
					<a href="javascript:;"><img src="images/t9.png" /></a>
					<a href="javascript:;"><img src="images/t10.png" /></a>
				</p>
			</div>
		</div>
		
		
		<!-- 楼梯效果 -->
		<div id="louti">
			<ul>
				<li>为你推荐</li>
				<li>今日特卖</li>
				<li>大牌尖货</li>
				<li class="top"><i></i></li>
			</ul>
		</div>
		
		<script type="text/javascript">
		    /*//楼梯的显示与隐藏
			$(window).on('scroll',function(){
				var scrolltop=$(this).scrollTop();
				if(scrolltop>=800){
					$('#louti').show();
				}else{
					$('#louti').hide();
				}
			});
			//左侧楼梯的菜单，和菜单对应的内容模块跳转到对应的位置
			$('#louti li').not('.top').on('click',function(){
				var $index=$(this).index();
				var $scroll=$('.loutis').eq($index).offset().top;  //每个内容块对应的offsetTop
				$('html,body').animate({
					scrollTop:$scroll-100
				});
			});
			//回到顶部按钮
    		$('.top').on('click',function(){
    			$('html,body').animate({
    				scrollTop:0
    			});
    		});*/
		</script>
		
		<!-- 购物车、咨询、微信 -->
		<div id="list">
			<ul>
				<li><a href="cart.html"><i class="mia-icon icon-cart"></i>购物车</a></li>
				<li><a href="javascript:;"><i class="mia-icon icon-zixun"></i>咨询</a></li>
				<li class="last"><a href="javascript:;"><i class="mia-icon icon-wx"></i>微信</a></li>
			</ul>
		</div>
		
		<script type="text/javascript">
			$('#list .last').on('mouseenter',function(){
				var $html='<img src="https://img.miyabaobei.com/d1/p4/2016/11/15/b2/7d/b27d68cb715a9401f7944d0709d312c1986326127.png" />';
				$('#list .last').append($html);
			});
			$('#list .last').on('mouseleave',function(){
				$('#list .last img').remove();
			});
		</script>
		
		<!--  广告  -->
		<div id="advert">
			<div class="adv"></div>
			<img src="images/ewm.png" />
			<a href="javascript:;"></a>
		</div>
		
		<script type="text/javascript">
			var $advert=$('#advert');
			var $oA=$('#advert a');
			$oA.on('click',function(){
				$advert.css('display','none');
			});
		</script>
	</body>
</html>





